$(document).ready(function () {
    var ajaxQuery;
    var execDelay;
    var loading = false;

    //Fonction ajax appelé après une saisie clavier dans le champ
    //Affiche une liste de proposition des comtpes existants
    function cc_ajaxSearch()
    {
        loading = true;

        //Interrompt la précédente requête ajax en attente
        // <=> ne fait aucune requête s'il y a une 2ème frappe
        // clavier si moins de 0.5s s'est écoulée depuis la dernière
        clearTimeout(execDelay);
        if (ajaxQuery && ajaxQuery.readyState !== 4)
        {
            ajaxQuery.abort();
        }

        //Corps de la fonction ajax
        var execAjax = function ()
        {
            ajaxQuery = $.ajax({
                url:  "Ajax?action=userNames&nom=" + $(".cc_input").val(),
                success: function (data)
                {
                    $("#cc_ajaxAnswer").show();
                    $("#cc_ajaxAnswer").html("");
                    loading = false;
                    var mots = JSON.parse(data);
                    for (i = 0; i < mots.length; i++)
                        $("#cc_ajaxAnswer").append("<div class='cc_answer'>" + mots[i].val + "</div>");
                    $(".cc_answer").click(cc_chooseAnswer);
                }
            });
        };

        //Execute le Corps avec un délai de 0.5s après une frappe clavier
        execDelay = setTimeout(execAjax, 500);
    }



    //Fonction appelé lors d'un clique sur une proposition
    //Remplit le champ, et retire la liste de proposition
    function cc_chooseAnswer()
    {
        $(".cc_input").val($(this).html());
        $("#cc_ajaxAnswer").html("");
        $("#cc_ajaxAnswer").hide();
    }

    $(".cc_input").keyup(cc_ajaxSearch);
});